@charset "utf-8";
/* 小组样式表 */
#main .bgA_01{ width:980px; margin:0 auto;}
#main .bgA_01:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
#main #leftArea{ width:700px; float:left;}
#main #rightArea{ width:263px; float:left; padding:0 0 0 17px;}


/*groupManage页面修正的样式*/

#main .bgA_01 .groupManage{ padding:10px 0 0; width:980px; background:#fff;}
#main .bgA_01 .groupManage:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
#main .bgA_01 .groupManage #leftArea{ width:700px; float:left;}
#main .bgA_01 .groupManage #rightArea{ width:263px; float:left; padding:0 0 0 7px;}
#main .bgA_01 .groupManage .userPanel_01{ margin:0 0 10px;}
#main .bgA_01 .groupManage .nTabPanel_01{ padding-bottom:0;}
#main .bgA_01 .groupManage .nTabPanel_01 .bgP_01{ border:0;}
#main .bgA_01 .groupManage .myGroupPanel_01{ margin:0;}

#main .bgA_01 .groupManage_02{}

/* 功能模块样式 */

.hotPanel_01{ width:100%; background:#fff; margin:0 0 20px;}
.hotPanel_01 .titleField{}
.hotPanel_01 .titleField h1{ background:url(../images/txt_title_01.gif) 0 -350px no-repeat;}
.hotPanel_01 .listField{ padding:0 0 0 10px;}
.hotPanel_01 .listField:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.hotPanel_01 .listField .imgContent{ width:270px; height:264px; float:left; margin:0 10px 0 0; position:relative; overflow:hidden;}
.hotPanel_01 .listField .imgContent .img{ width:100%; height:100%; overflow:hidden;}
.hotPanel_01 .listField .imgContent .img a{ display:block; width:100%; height:100%; overflow:hidden;}
.hotPanel_01 .listField .imgContent .img img{ display:block;}
.hotPanel_01 .listField .imgContent .text{ position:absolute; left:0; bottom:0; width:100%; padding:5px 0; background:rgba(0,0,0,0.5); color:#fff; line-height:24px;}
.hotPanel_01 .listField .imgContent .text h2{ font-weight:bold; text-align:center; width:100%; height:24px; overflow:hidden;}
.hotPanel_01 .listField .imgContent .text h2 a{ color:#fff;}
.hotPanel_01 .listField .imgContent .text .count{ float:right; padding:0 10px 0 0; width:30%; height:24px; overflow:hidden; text-align:right;}
.hotPanel_01 .listField .imgContent .text .name{ padding:0 0 0 10px; color:#ffeca2; width:50%; height:24px; overflow:hidden;}
.hotPanel_01 .listField .imgContent .text .name a{ color:#ffeca2;}

.hotPanel_01 .listField .listContent{ width:245px; float:left; margin:0 10px 0 0;}
.hotPanel_01 .listField .listContent ul{}
.hotPanel_01 .listField .listContent ul li{ margin:0 0 10px; background:#eee; height:127px; overflow:hidden;}
.hotPanel_01 .listField .listContent ul li .img{ padding:10px; width:80px; height:80px; float:left;}
.hotPanel_01 .listField .listContent ul li .img a{ display:block; width:100%; height:100%; overflow:hidden;}
.hotPanel_01 .listField .listContent ul li .img img{ display:block;}
.hotPanel_01 .listField .listContent ul li .text{ margin:0 0 0 100px; padding:0 10px 0 0;}
.hotPanel_01 .listField .listContent ul li .text h2{ padding:3px 0 0; line-height:28px; font-weight:bold; color:#333; height:28px; overflow:hidden;}
.hotPanel_01 .listField .listContent ul li .text h2 a{ color:#333;}
.hotPanel_01 .listField .listContent ul li .text p{ height:60px; overflow:hidden;}
.hotPanel_01 .listField .listContent ul li .info{ clear:both; height:20px; padding:0 10px; overflow:hidden;}
.hotPanel_01 .listField .listContent ul li .info .count{ float:right; width:30%; height:24px; overflow:hidden; text-align:right;}
.hotPanel_01 .listField .listContent ul li .info .name{ color:#f60; width:50%; height:24px; overflow:hidden;}
.hotPanel_01 .listField .listContent ul li .info .name a{ color:#f60;}

.hotPanel_01 .listField .imgListContent{ width:145px; float:left;}
.hotPanel_01 .listField .imgListContent ul{}
.hotPanel_01 .listField .imgListContent ul li{ margin:0 0 10px; height:127px; overflow:hidden; position:relative;}
.hotPanel_01 .listField .imgListContent ul li .img{ width:100%; height:100%; overflow:hidden;}
.hotPanel_01 .listField .imgListContent ul li .img a{ display:block; width:100%; height:100%; overflow:hidden;}
.hotPanel_01 .listField .imgListContent ul li .img img{ display:block;}
.hotPanel_01 .listField .imgListContent ul li .text{ position:absolute; left:0; bottom:0; width:100%; padding:8px 0; background:rgba(0,0,0,0.5); color:#fff; line-height:24px;}
.hotPanel_01 .listField .imgListContent ul li .text p{ text-align:center;}
.hotPanel_01 .listField .imgListContent ul li .text a{ color:#fff;}


.invitationPanel_01{ width:100%; background:#fff; margin:0 0 20px;}
.invitationPanel_01 .titleField{}
.invitationPanel_01 .titleField h1{ background:url(../images/txt_title_01.gif) 0 -400px no-repeat;}
.invitationPanel_01 .listField{ padding:0 20px;}
.invitationPanel_01 .listField dl{ padding:0 0 8px;}
.invitationPanel_01 .listField dl dt{ height:30px; padding:7px 0 6px; font-weight:bold; color:#333;}
.invitationPanel_01 .listField dl dd{ margin:0 0 10px; background:#eee; height:30px; color:#999; overflow:hidden;}
.invitationPanel_01 .listField dl dd a{ color:#333; display:block;}
.invitationPanel_01 .listField dl .info1, .invitationPanel_01 .listField dl .info2, .invitationPanel_01 .listField dl .info3, .invitationPanel_01 .listField dl .info4, .invitationPanel_01 .listField dl .info5{ float:left; height:30px; line-height:30px; overflow:hidden;}
.invitationPanel_01 .listField dl .info1{ padding:0 0 0 10px; width:290px;}
.invitationPanel_01 .listField dl .info2{ text-align:center; width:90px;}
.invitationPanel_01 .listField dl .info3{ text-align:center; width:90px;}
.invitationPanel_01 .listField dl dd .info3{ text-align:center; width:90px; line-height:15px;}
.invitationPanel_01 .listField dl .info4{ text-align:center; width:90px;}
.invitationPanel_01 .listField dl .info5{ text-align:center; width:90px;}
.invitationPanel_01 .listField dl dd .info5{ line-height:15px;}



.recommendPanel_01{ width:100%; background:#fff; margin:0 0 20px;}
.recommendPanel_01 .titleField{}
.recommendPanel_01 .titleField h1{ background:url(../images/txt_title_01.gif) 0 -50px no-repeat;}
.recommendPanel_01 .listField{ height:144px; overflow:hidden;}
.recommendPanel_01 .listField ul{}
.recommendPanel_01 .listField ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.recommendPanel_01 .listField li{ padding:0 10px; width:80px; height:124px; float:left;}
.recommendPanel_01 .listField li .img{ width:100%; height:80px;}
.recommendPanel_01 .listField li .img a{ width:100%; height:80px; display:block; overflow:hidden;}
.recommendPanel_01 .listField li .img img{ display:block;}
.recommendPanel_01 .listField li .text{ padding:4px 0 0; overflow:hidden; color:#f08200; text-align:center;}
.recommendPanel_01 .listField li .text a{ color:#f08200;}
.recommendPanel_01 .listField li .count{ text-align:center; padding:4px 0 0;}


.groupPanel_02{ width:100%; background:#fff; margin:0 0 20px;}
.groupPanel_02 .titleField{}
.groupPanel_02 .titleField h1{ background:url(../images/txt_title_01.gif) 0 -500px no-repeat;}
.groupPanel_02 .menuField{ width:150px; float:left; padding:10px 0 0 10px;}
.groupPanel_02 .menuField ul{}
.groupPanel_02 .menuField ul li{ width:100%; height:40px; padding:0 0 20px; line-height:40px;}
.groupPanel_02 .menuField ul li a{ display:block; width:100%; height:100%; background:#dadada; text-align:center; font-weight:bold; color:#000;}
.groupPanel_02 .menuField ul li a.on, .groupPanel_02 .menuField ul li a:hover{ text-decoration:none; background:#000; color:#fff;}
.groupPanel_02 .nTabField{ margin:10px 20px 0 180px; padding:0 0 9px; height:30px; overflow:hidden; border-bottom:1px solid #ccc;}
.groupPanel_02 .nTabField .count{ float:left;; line-height:30px; font-size:14px;}
.groupPanel_02 .nTabField ul{ text-align:right; font-size:0;}
.groupPanel_02 .nTabField ul li{ display:inline-block; padding:0 0 0 20px; line-height:30px; font-size:14px; vertical-align:middle;}
.groupPanel_02 .nTabField ul li a{ display:block; text-align:center;}
.groupPanel_02 .nTabField ul li a:hover,.groupPanel_02 .nTabField ul li a.on{ color:#f60; text-decoration:none;}
.groupPanel_02 .nTabField ul li a.on{ font-weight:bold; background:url(../images/icon_arrow_02.gif) 1px 100% no-repeat;}
.groupPanel_02 .listField{ margin:20px 0 0 180px;}
.groupPanel_02 .listField ul{ height:685px; overflow:hidden;}
.groupPanel_02 .listField ul li{ margin:0 10px 10px 0; background:#eee; height:127px; width:245px; overflow:hidden; float:left;}
.groupPanel_02 .listField ul li .img{ padding:10px; width:80px; height:80px; float:left;}
.groupPanel_02 .listField ul li .img a{ display:block; width:100%; height:100%; overflow:hidden;}
.groupPanel_02 .listField ul li .img img{ display:block;}
.groupPanel_02 .listField ul li .text{ margin:0 0 0 100px; padding:0 10px 0 0;}
.groupPanel_02 .listField ul li .text h2{ padding:3px 0 0; line-height:28px; font-weight:bold; color:#333; height:28px; overflow:hidden;}
.groupPanel_02 .listField ul li .text h2 a{ color:#333;}
.groupPanel_02 .listField ul li .text p{ height:60px; overflow:hidden;}
.groupPanel_02 .listField ul li .info{ clear:both; height:20px; padding:0 10px; overflow:hidden;}
.groupPanel_02 .listField ul li .info .count{ float:right; width:30%; height:24px; overflow:hidden; text-align:right;}
.groupPanel_02 .listField ul li .info .name{ color:#f60; width:50%; height:24px; overflow:hidden;}
.groupPanel_02 .listField ul li .info .name a{ color:#f60;}
.groupPanel_02 .pageNumField{ padding:14px 0 0; margin:0 20px 0 180px; line-height:16px; height:40px; text-align:right;}
.groupPanel_02 .pageNumField a{ display:inline-block; vertical-align:middle; padding:0 5px; color:#999;}
.groupPanel_02 .pageNumField a.first, .groupPanel_02 .pageNumField a.last{ color:#333; font-family:"宋体";}
.groupPanel_02 .pageNumField a:hover,.groupPanel_02 .pageNumField a.on{ text-decoration:none; background:#999; color:#fff;}


.groupInfoPanel_01{ padding:10px; background:#fff;}
.groupInfoPanel_01 .bgP_01{ border:10px solid #eee; padding:0 20px; height:154px;}
.groupInfoPanel_01 .imgField{ width:80px; float:left; padding:20px 0 0;}
.groupInfoPanel_01 .imgField .img{ width:100%; height:80px;}
.groupInfoPanel_01 .imgField .img a{ display:block; width:100%; height:100%; overflow:hidden;}
.groupInfoPanel_01 .imgField .img img{ display:block;}
.groupInfoPanel_01 .imgField .btns{ padding:10px 0 0;}
.groupInfoPanel_01 .imgField .btns .btn{ display:block; width:100%; height:20px; background:#ffe9c9; color:#f50; text-align:center;}
.groupInfoPanel_01 .imgField .btns .btn:hover{ text-decoration:none; color:#f72;}
.groupInfoPanel_01 .infoField{ width:220px; padding:16px 0 0 12px; float:left;}
.groupInfoPanel_01 .infoField h1{ color:#333; font-weight:bold;}
.groupInfoPanel_01 .infoField .url{ color:#999; padding:0 0 8px;}
.groupInfoPanel_01 .infoField .url a{ color:#999;}
.groupInfoPanel_01 .textField{ margin-left:322px; padding:16px 0 0; height:120px; overflow:hidden;}


.nTabPanel_01{ padding:10px; background:#fff;}
.nTabPanel_01 .bgP_01{ border-bottom:1px solid #ccc; height:40px;}
.nTabPanel_01 .btnField{ float:right; font-size:0;}
.nTabPanel_01 .btnField .btn{ display:inline-block; vertical-align:middle; width:78px; height:30px; background:url(../images/btn_bg_05.gif) 0 0 no-repeat; text-align:center; line-height:30px; font-size:12px; margin:0 0 0 10px;}
.nTabPanel_01 .btnField .btn1{ color:#f60;}
.nTabPanel_01 .btnField .btn1:hover{ color:#f93; text-decoration:none;}
.nTabPanel_01 .btnField .btn2{ color:#333;}
.nTabPanel_01 .btnField .btn2:hover{ color:#666; text-decoration:none;}
.nTabPanel_01 .menuField{ padding:6px 0 0;}
.nTabPanel_01 .menuField ul{ font-size:0;}
.nTabPanel_01 .menuField ul li{ display:inline-block; padding:0 20px 0 0; line-height:30px; font-size:14px; vertical-align:middle;}
.nTabPanel_01 .menuField ul li a{ display:block; text-align:center;}
.nTabPanel_01 .menuField ul li a:hover,.nTabPanel_01 .menuField ul li a.on{ color:#f60; text-decoration:none;}
.nTabPanel_01 .menuField ul li a.on{ font-weight:bold; background:url(../images/icon_arrow_02.gif) 1px 100% no-repeat;}


.activityPanel_02{ width:100%; background:#fff; margin:0 0 20px;}
.activityPanel_02 .titleField{ padding:20px 10px 0; height:20px;}
.activityPanel_02 .titleField h1{ color:#333; font-weight:bold;}
.activityPanel_02 .titleField .more{ float:right;}
.activityPanel_02 .titleField .more em{ color:#f60; padding:0 3px;}
.activityPanel_02 .titleField .more span{ color:#999; padding:0 3px;}
.activityPanel_02 .listField{ padding:0 10px 20px; overflow:hidden;}
.activityPanel_02 .listField ul{}
.activityPanel_02 .listField ul li{ border-bottom:1px dashed #ccc; padding:20px 0; height:97px;}
.activityPanel_02 .listField ul li .btns{ float:right; width:95px; height:45px; padding:20px 0 0;}
.activityPanel_02 .listField ul li .btns .btn{ display:block; width:100%; height:36px; padding:5px 0 4px; background:url(../images/btn_bg_03.gif) 0 0 no-repeat; color:#fff; font-weight:bold; text-align:center; line-height:18px;}
.activityPanel_02 .listField ul li .btns .btn2{ background:url(../images/btn_bg_04.gif) 0 0 no-repeat;}
.activityPanel_02 .listField ul li .btns .btn:hover{ text-decoration:none;}
.activityPanel_02 .listField ul li .img{ width:131px; height:87px; padding:4px; border:1px solid #d5d5d5; float:left;}
.activityPanel_02 .listField ul li .img a{ display:block; width:100%; height:100%; overflow:hidden;}
.activityPanel_02 .listField ul li .img img{ display:block;}
.activityPanel_02 .listField ul li .info{ margin:0 110px 0 156px;}
.activityPanel_02 .listField ul li .info h2{ font-weight:bold; height:40px; width:100%; overflow:hidden;}
.activityPanel_02 .listField ul li .info .name{ color:#f08200; font-size:14px;}
.activityPanel_02 .pageNumField{ padding:40px 0 0; margin:0 20px 0 180px; line-height:16px; height:116px; text-align:right;}
.activityPanel_02 .pageNumField a{ display:inline-block; vertical-align:middle; padding:0 5px; color:#999;}
.activityPanel_02 .pageNumField a.first, .activityPanel_02 .pageNumField a.last{ color:#333; font-family:"宋体";}
.activityPanel_02 .pageNumField a:hover,.activityPanel_02 .pageNumField a.on{ text-decoration:none; background:#999; color:#fff;}



.invitationPanel_02{ width:100%; background:#fff; margin:0 0 20px;}
.invitationPanel_02 .listField{ padding:0 20px;}
.invitationPanel_02 .listField dl{ padding:0 0 8px;}
.invitationPanel_02 .listField dl dt{ height:30px; padding:7px 0 6px; font-weight:bold; color:#333;}
.invitationPanel_02 .listField dl dd{ margin:0 0 10px; background:#eee; height:30px; color:#999; overflow:hidden;}
.invitationPanel_02 .listField dl dd a{ color:#333; display:block;}
.invitationPanel_02 .listField dl .info1, .invitationPanel_02 .listField dl .info2, .invitationPanel_02 .listField dl .info3, .invitationPanel_02 .listField dl .info4, .invitationPanel_02 .listField dl .info5{ float:left; height:30px; line-height:30px; overflow:hidden;}
.invitationPanel_02 .listField dl .info1{ padding:0 0 0 10px; width:290px;}
.invitationPanel_02 .listField dl .info2{ text-align:center; width:90px;}
.invitationPanel_02 .listField dl .info3{ text-align:center; width:90px;}
.invitationPanel_02 .listField dl dd .info3{ text-align:center; width:90px; line-height:15px;}
.invitationPanel_02 .listField dl .info4{ text-align:center; width:90px;}
.invitationPanel_02 .listField dl .info5{ text-align:center; width:90px;}
.invitationPanel_02 .listField dl dd .info5{ line-height:15px;}
.invitationPanel_02 .pageNumField{ padding:40px 0 0; margin:0 20px 0 180px; line-height:16px; height:113px; text-align:right;}
.invitationPanel_02 .pageNumField a{ display:inline-block; vertical-align:middle; padding:0 5px; color:#999;}
.invitationPanel_02 .pageNumField a.first, .invitationPanel_02 .pageNumField a.last{ color:#333; font-family:"宋体";}
.invitationPanel_02 .pageNumField a:hover,.invitationPanel_02 .pageNumField a.on{ text-decoration:none; background:#999; color:#fff;}


.memberListPanel_01{ width:100%; background:#fff; margin:0 0 20px;}
.memberListPanel_01 .nTabField{ padding:20px 10px 0; height:20px;}
.memberListPanel_01 .nTabField a{ padding:0 20px 0 0;}
.memberListPanel_01 .nTabField a.on{ font-weight:bold; text-decoration:underline; color:#f60;}
.memberListPanel_01 .nTabField a:hover{ color:#f60;}
.memberListPanel_01 .listField{ margin:0 10px; width:680px; overflow:hidden;}
.memberListPanel_01 .listField ul{ width:705px;}
.memberListPanel_01 .listField ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.memberListPanel_01 .listField ul li{ width:141px; height:105px; float:left; padding:20px 0 0; border-bottom:1px dashed #ccc;}
.memberListPanel_01 .listField ul li .img{ width:60px; height:60px; float:left;}
.memberListPanel_01 .listField ul li .img a{ display:block; width:100%; height:100%; overflow:hidden;}
.memberListPanel_01 .listField ul li .img img{ display:block;}
.memberListPanel_01 .listField ul li .btns{ margin-left:80px; width:34px;}
.memberListPanel_01 .listField ul li .btns .btn{ display:block; height:19px; line-height:19px; border:1px solid #666; color:#666; text-align:center;}
.memberListPanel_01 .listField ul li .btns .btn1{ margin-bottom:20px;}
.memberListPanel_01 .listField ul li .btns .btn1:hover{ color:#999; border-color:#999; text-decoration:none;}
.memberListPanel_01 .listField ul li .btns .btn2{ color:#999; border-color:#999;}
.memberListPanel_01 .listField ul li .btns .btn2:hover{ color:#aaa; border-color:#aaa; text-decoration:none;}
.memberListPanel_01 .listField ul li .text{ clear:both; padding:7px 0 0 20px; background:url(../images/icon_person_01.gif) 0 2px no-repeat;}
.memberListPanel_01 .listField ul li .name{ font-size:14px; color:#f08200;}
.memberListPanel_01 .pageNumField{ padding:40px 0 0; margin:0 20px 0 180px; line-height:16px; height:82px; text-align:right;}
.memberListPanel_01 .pageNumField a{ display:inline-block; vertical-align:middle; padding:0 5px; color:#999;}
.memberListPanel_01 .pageNumField a.first, .memberListPanel_01 .pageNumField a.last{ color:#333; font-family:"宋体";}
.memberListPanel_01 .pageNumField a:hover,.memberListPanel_01 .pageNumField a.on{ text-decoration:none; background:#999; color:#fff;}



.userPanel_01{ width:100%; background:#fff; margin:0 0 20px; height:105px;}
.userPanel_01 .imgField{ width:85px; height:85px; padding:10px 0 10px 10px; float:left;}
.userPanel_01 .imgField a{ display:block; width:100%; height:100%; overflow:hidden;}
.userPanel_01 .imgField img{ display:block;}
.userPanel_01 .infoField{ margin-left:98px;}
.userPanel_01 .infoField .title{ position:relative; padding:0 0 0 9px;}
.userPanel_01 .infoField .title .more{ float:right;}
.userPanel_01 .infoField .title .more .btn{ display:block; width:25px; height:25px; background:url(../images/btn_fans_01.gif) 0 0 no-repeat; text-indent:-9999px; overflow:hidden;}
.userPanel_01 .infoField .title h1{ padding:5px 0 0; line-height:24px; font-size:14px; font-weight:bold;}
.userPanel_01 .infoField .title h2{ color:#999;}
.userPanel_01 .infoField .info{ padding:8px 0 0;}
.userPanel_01 .infoField .info ul{}
.userPanel_01 .infoField .info ul:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden;}
.userPanel_01 .infoField .info ul li{ width:43px; float:left; padding:0 1px 0 9px; background:url(../images/line_01.gif) 100% 50% no-repeat; color:#f08200; line-height:18px;}
.userPanel_01 .infoField .info ul li p{ height:18px; overflow:hidden;}
.userPanel_01 .infoField .info ul li .num{ font-size:11px;}

.myGroupPanel_01{ width:100%; background:#fff; margin:0 0 20px;}
.myGroupPanel_01 .titleField{}
.myGroupPanel_01 .titleField h1{ background:url(../images/txt_title_01.gif) 0 -250px no-repeat;}
.myGroupPanel_01 .infoField{ padding:10px 0 10px 11px; height:60px; overflow:hidden;}
.myGroupPanel_01 .infoField ul{ width:100%; height:100%; overflow:hidden;}
.myGroupPanel_01 .infoField ul li{ width:74px; height:100%; float:left; padding:0 10px 0 0;}
.myGroupPanel_01 .infoField ul li a{ display:block; width:72px; height:58px; border:1px solid #ccc; overflow:hidden; position:relative;}
.myGroupPanel_01 .infoField ul li a:hover{ text-decoration:none; background:#f6f6f6;}
.myGroupPanel_01 .infoField ul li a span{ display:block; padding:36px 5px 0; text-align:right; cursor:pointer;}
.myGroupPanel_01 .infoField ul li a span.count{ position:absolute; top:6px; left:10px; padding:0; color:#666;}

.dynamicPanel_01{ width:100%; background:#fff; margin:0 0 20px;}
.dynamicPanel_01 .titleField{}
.dynamicPanel_01 .titleField h1{ background:url(../images/txt_title_01.gif) 0 -300px no-repeat;}
.dynamicPanel_01 .listField{ padding:0 10px;}
.dynamicPanel_01 .listField ul{}
.dynamicPanel_01 .listField ul li{ height:60px; overflow:hidden; padding:0 0 20px;}
.dynamicPanel_01 .listField ul li .img{ height:100%; width:60px; float:left;}
.dynamicPanel_01 .listField ul li .img a{ display:block; height:100%; width:100%; overflow:hidden;}
.dynamicPanel_01 .listField ul li .img img{ display:block;}
.dynamicPanel_01 .listField ul li .info{ margin:0 0 0 67px}
.dynamicPanel_01 .listField ul li .info .num{ float:right; padding:8px 0 0; color:#999;}
.dynamicPanel_01 .listField ul li .info .name{ height:36px; line-height:36px; font-size:14px; color:#f08200; padding:0 0 0 18px; background:url(../images/icon_person_01.gif) -2px 3px no-repeat;}
.dynamicPanel_01 .listField ul li .info .name a{ color:#f08200;}
.dynamicPanel_01 .listField ul li .info .text{ height:24px; line-height:24px; padding:0 0 0 6px; background:#eee; color:#999; overflow:hidden;}


.topicPanel_01{ width:100%; background:#fff; margin:0 0 20px;}
.topicPanel_01 .titleField{}
.topicPanel_01 .titleField h1{ background:url(../images/txt_title_01.gif) 0 -800px no-repeat;}
.topicPanel_01 .listField{ padding:0 10px;}
.topicPanel_01 .listField ul{ }
.topicPanel_01 .listField ul li{ padding:0 0 20px; height:50px; overflow:hidden;}
.topicPanel_01 .listField ul li .img{ float:left; width:50px; height:100%;}
.topicPanel_01 .listField ul li .img a{ display:block; width:100%; height:100%; overflow:hidden;}
.topicPanel_01 .listField ul li .img img{ display:block;}
.topicPanel_01 .listField ul li .info{ margin-left:60px;}
.topicPanel_01 .listField ul li .info h2{ padding:0 0 10px; height:20px; width:100%; overflow:hidden;}
.topicPanel_01 .listField ul li .info p{ color:#999;}
.topicPanel_01 .listField ul li .info .name{ color:#f08200; font-size:14px;}


.memberPanel_01{ width:100%; background:#fff; margin:0 0 20px;}
.memberPanel_01 .titleField{}
.memberPanel_01 .titleField h1{ background:url(../images/txt_title_01.gif) 0 -850px no-repeat;}
.memberPanel_01 .listField{ padding:0 10px;}
.memberPanel_01 .listField ul{ }
.memberPanel_01 .listField ul li{ padding:0 0 20px; height:60px; overflow:hidden;}
.memberPanel_01 .listField ul li .img{ float:left; width:60px; height:100%;}
.memberPanel_01 .listField ul li .img a{ display:block; width:100%; height:100%; overflow:hidden;}
.memberPanel_01 .listField ul li .img img{ display:block;}
.memberPanel_01 .listField ul li .info{ margin-left:70px;}
.memberPanel_01 .listField ul li .info h2{ padding:0 0 6px 18px; background:url(../images/icon_person_01.gif) 0 -4px no-repeat;}
.memberPanel_01 .listField ul li .info .name{ color:#f08200; font-size:14px;}
.memberPanel_01 .listField ul li .info p{ color:#999; padding:0 0 0 8px;}
.memberPanel_01 .listField ul li .info .btns{ float:right; width:60px; height:20px;}
.memberPanel_01 .listField ul li .info .btns .btn{ display:block; width:100%; height:100%; text-align:center; line-height:20px; color:#f50;}
.memberPanel_01 .listField ul li .info .btns a.btn:hover{ text-decoration:none; color:#f72;}
.memberPanel_01 .listField ul li .info .btns .btn1{ background:#ffe9c9;}
.memberPanel_01 .listField ul li .info .btns .btn2{ background:url(../images/btn_bg_06.gif) 0 0 no-repeat; padding:0 0 0 15px; width:45px;}


.groupPanel_03{ width:100%; background:#fff; margin:0 0 20px;}
.groupPanel_03 .titleField{}
.groupPanel_03 .titleField h1{ background:url(../images/txt_title_01.gif) 0 -900px no-repeat;}
.groupPanel_03 .listField{ padding:0 10px;}
.groupPanel_03 .listField ul{ padding:0 0 4px;}
.groupPanel_03 .listField ul li{ margin:0 0 20px; height:80px; overflow:hidden; background:#eee;}
.groupPanel_03 .listField ul li .img{ float:left; width:80px; height:100%;}
.groupPanel_03 .listField ul li .img a{ display:block; width:100%; height:100%; overflow:hidden;}
.groupPanel_03 .listField ul li .img img{ display:block;}
.groupPanel_03 .listField ul li .info{ margin-left:90px;}
.groupPanel_03 .listField ul li .info h2{ padding:10px 0 0; height:40px; font-weight:bold;}
.groupPanel_03 .listField ul li .info p{ color:#999;}


.advPanel_02{ width:100%; margin:0 0 20px;}
.advPanel_02 a{ display:block; width:100%; height:194px; overflow:hidden;}
.advPanel_02 img{ display:block;}

.groupManagePanel_01{ width:100%; clear:both; background:#fff; margin:0 0 20px;}
.groupManagePanel_01 .titleField{ padding:20px 30px 10px; margin:0 10px; border-top:1px solid #ccc;}
.groupManagePanel_01 .titleField h1{ color:#333; font-weight:bold;}
.groupManagePanel_01 .formField{ padding:0 40px 30px;}
.groupManagePanel_01 .formField dl{ padding:10px 0;}
.groupManagePanel_01 .formField dl dt{ width:68px; float:left; color:#333; line-height:24px;}
.groupManagePanel_01 .formField dl dd{ margin-left:70px; line-height:24px;}
.groupManagePanel_01 .formField dl dd .txt{ width:250px; vertical-align:middle; padding:2px; font-size:12px;}
.groupManagePanel_01 .formField dl dd em{ color:#f00; padding:0 8px;}
.groupManagePanel_01 .formField dl dd textArea{ width:390px; height:146px; padding:2px; font-size:12px;}
.groupManagePanel_01 .formField dl dd .img{ width:80px; height:80px; float:left;}
.groupManagePanel_01 .formField dl dd .img span{ display:block; width:100%; height:100%; overflow:hidden;}
.groupManagePanel_01 .formField dl dd .img img{ display:block;}
.groupManagePanel_01 .formField dl dd .info{ margin:0 0 0 100px;}
.groupManagePanel_01 .formField dl dd .info h2{ color:#333;}
.groupManagePanel_01 .formField dl dd .info .file{ width:200px; vertical-align:middle; font-size:12px;}
.groupManagePanel_01 .formField dl dd .info .btn{ width:92px; height:32px; vertical-align:middle; line-height:32px; background:url(../images/btn_bg_07.gif) 0 0 no-repeat; text-align:center; margin:0 3px; cursor:pointer;}
.groupManagePanel_01 .formField dl dd .select{ margin:0; font-size:12px;}
.groupManagePanel_01 .btnField{ padding:0 40px 60px 108px;}
.groupManagePanel_01 .btnField .btn{ width:104px; height:38px; vertical-align:middle; line-height:38px; text-align:center; background:url(../images/btn_save_01.gif) 0 0 no-repeat; cursor:pointer;}



.linkPanel_02{ width:100%; clear:both; background:#fff; margin:0 0 20px;}
.linkPanel_02 .infoField{ padding:8px 20px 0; color:#999;}
.linkPanel_02 .infoField em{ color:#333;}
.linkPanel_02 .linkField{ padding:17px 0 0 20px; height:90px; font-size:0;}
.linkPanel_02 .linkField a,.linkPanel_02 .linkField span{ display:inline-block; vertical-align:middle; padding:0 20px 0 0;}
.linkPanel_02 .linkField img{ display:block;}


